iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 10
0
自我挑戰組

草頭黃小姐的 30 天 JavaScript 自學小本本系列 第 10

Day 10 JavaScript: for 迴圈

  • 分享至 

  • xImage
  •  

終於進入賽程的 1/3,每天做些紀錄真是件不容易的事,但滑臉書看電腦卻一下子半天就過去,可以把所學用文字記錄下來,都是一件值得替自己開心的事。

今天草頭黃小姐來和大家聊聊 for 迴圈,那什麼是迴圈呢?
簡單來說就是重複做一樣的事 XD,你可以設定它何時停損,如果沒有設定停損就會無數重複下去。

我們先來看看 for 迴圈怎麼寫:
先來定義一個變數

var x;

再來就要進入 for 迴圈囉

for(){

}

大括號裡就是我們想要印出的東西,我想要印出重要 這兩字,我們在裡面寫入:

for(){
  console.log ("重要");
}

接著我們來要來 for()括號裡設立條件唷,

for(x=0; x<3; x++ ){
  console.log ("重要");
}

x=0,指得是迴圈的起始值
切記用分號隔開
x>3,指得是迴圈的結束值,言下之意在小於 3 之前,都會一直印出重要。
x++,這裡指得是 x 值每次遞增加 1 的意思。

那我們看看在 JS bin 上會 Run 出什麼結果?

SEE! 重要這個字串就會被印出三次。

var x;
for(x=0; x<3; x++ ){
  console.log ("重要");
}

當然這樣的寫法也可以弄得精簡點:

;
for(var x=0; x<3; x++ ){
  console.log ("重要");
}

把宣告放入 for 迴圈內,也可以得到相同的結果唷:)


上一篇
Day 09 JavaScript:陣列
下一篇
Day 11 JavaScript: while 迴圈
系列文
草頭黃小姐的 30 天 JavaScript 自學小本本30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言